<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<!-- padding 内边距 -->
<!-- margin-top:上外边距 -->
<!-- margin-bottom:下外边距 -->
<!-- 边框： border: 1px red solid(实线)/dotted(点线)/dashed(虚线) -->

<body style="background-color: #f5f5f5;">
    <div style="width: 300px;height: 370px; background: #fff; margin-bottom: 10px; " align='center'>
        <img src="./03.jpg" alt="tip">
        <p>
            <span style="color: black;">Note&nbsp;10 Pro </span><br>
            <span style="font-size: smaller;color: gray;">天玑1100年度旗舰芯，VC液冷散热</span>
        </p>
        <p>
            <span style="color: orange;">1599元起</span> <s style="color: gray;">1699元</s>
        </p>

    </div>
    <div style="width: 300px;height: 400px; background: white; border: 1px yellow solid" align='center'>
        <img src="./06.jpg" alt="tip">
        <p>
            <span style="color: black;">小米11 Pro</span> <br>
            <span style="font-size: smaller;color: gray;">1/1 12''GN2 | 晓龙888</span>
        </p>
        <p>
            <span style="color: orange;">4499元起</span> <s style="color: gray;">4999元</s>
        </p>

    </div>
</body>

</html>